<!-- Generated template for the PlateItemComponent component -->

<div class="plateItem" style="position: relative;">

  <!-- 月份显示 -->
  <div class="plateItem_month">
    <div style="display: flex; flex-direction: row; align-items: flex-end;margin-top: 10px">
      <div class="plateItem_monthText">{{ itemData.indexManagement.date }}</div>
      <div class="plateItem_monthLabel">指标报告</div>
      <img *ngIf="itemData.indexManagement.isNew==true" class="plateItem_monthNew" src="assets/imgs/isnew_img.png">
    </div>

  </div>
  <div style="position: absolute;right: 20px;top: 30px;display: flex; flex-direction: row;align-items: center;">
    <img src="assets/imgs/img_plate_right.png" style="width: 24px; height: 24px;" />
  </div>
  <!-- 综合排名显示 -->
  <div class="plateItem_ranking">
    <div class="plateItem_rankingLabel">不达标数量</div>
    <div class="plateItem_rankingText" style="color: #ff3e15 ">{{ itemData.indexManagement.Incomplete }}</div>

    <div class="plateItem_rankingLabel" style="margin-left: 15px">14指标省排名</div>
    <div class="plateItem_rankingText" style="color: #f6a827">{{ itemData.indexManagement.synthesisRanked }}</div>
  </div>

  <!--底部2个指标-->
  <div class="plateItem_quotasDiv" style="padding-top: 15px;">
    <div class="plateItem_quota" (click)="clickChildOne($event)">
      <div style="display: flex;flex-direction: row;align-items: center;">
        <img src="assets/imgs/img_plateitem_kv.png" style="width: 13px;height: 8px;margin-right: 3px"/>
        <div class="plateItem_quotaName">10千伏以下有损线损率</div>
      </div>
      <div class="plateItem_quotaValueDiv">
        <div class="plateItem_quotaValue">{{ itemData.lineLoss.accomplish }}</div>
        <div class="plateItem_quotaUnit">%</div>
        <img style="width: 8px;height: 8px;margin-bottom: 5px;margin-left: 2px" src="{{itemData.lineLoss.isGetTarget ? 'assets/imgs/dark_blue_up.png' : 'assets/imgs/dark_blue_up.png'}}" />
      </div>
      <div class="plateItem_quotaRankingDiv">
        <div class="plateItem_quotaRankingLabel">省排名第</div>
        <div class="plateItem_quotaRankingValue">{{ itemData.lineLoss.provinceRanked }}</div>
      </div>
    </div>


    <div class="plateItem_quotaDivider"></div>

    <div class="plateItem_quota" (click)="clickChildTwo($event)" data-tap-disabled="true">
      <div style="display: flex;height: 10px;flex-direction: row;align-items: center">
        <img src="assets/imgs/img_plateitem_money.png" style="width: 8px;height: 8px;margin-right: 3px;"/>
        <div class="plateItem_quotaName">欠费数据(元)</div>
      </div>
      <div class="plateItem_quotaValueDiv">
        <div class="plateItem_quotaValue">¥{{ itemData.costData.accomplish }}</div>
        <img style="width: 8px;height: 8px;margin-bottom: 5px;margin-left: 2px" src="{{itemData.costData.isGetTarget ? 'assets/imgs/dark_blue_up.png' : 'assets/imgs/dark_blue_up.png'}}" />
      </div>
      <div class="plateItem_quotaRankingDiv">
        <div class="plateItem_quotaRankingLabel">省排名第</div>
        <div class="plateItem_quotaRankingValue">{{ itemData.costData.provinceRanked || "-" }}</div>
      </div>
    </div>

  </div>
</div>
